import BorderBox from '@jiaminghi/data-view-react/es/borderBox10'
import Section3 from './section/Section3'
import Section4 from './section/Section4'
import Section5 from './section/Section5'
import Section6 from './section/Section6'

function HomeFooter() {
  return (
    <div className="h-32/100 p-2px">
      <div className="h-[calc(100%-6px)]">
        <BorderBox>
          <div className="flex justify-around h-full">
            <Section3 className="flex-1" />
            <div className="self-center w-1px h-4/5 bg-light blur-sm scale-x-20"></div>
            <Section4 className="flex-1" />
            <div className="self-center w-1px h-4/5 bg-light blur-sm scale-x-20"></div>
            <Section5 className="flex-0" />
            <div className="self-center w-1px h-4/5 bg-light blur-sm scale-x-20"></div>
            <Section6 className="flex-1" />
          </div>
        </BorderBox>
      </div>
    </div>
  )
}

export default HomeFooter
